導讀:先說(shuō)這個(gè)「長(cháng)」,網(wǎng)站的頁(yè)面真是長(cháng)啊,以至于我坐在計算機前瀏覽的時(shí)候經(jīng)常會(huì )想,這個(gè)頁(yè)面的低端會(huì )不會(huì )已經(jīng)搭拉到我的腳面上了。我們的萬(wàn)里長(cháng)城是第幾大奇跡來(lái)著(zhù)?反正的網(wǎng)站應該緊
發(fā)表日期:2019-06-03
文章編輯:興田科技
瀏覽次數:9672
標簽:
先說(shuō)這個(gè)「長(cháng)」,網(wǎng)站的頁(yè)面真是長(cháng)啊,以至于我坐在計算機前瀏覽的時(shí)候經(jīng)常會(huì )想,這個(gè)頁(yè)面的低端會(huì )不會(huì )已經(jīng)搭拉到我的腳面上了。我們的萬(wàn)里長(cháng)城是第幾大奇跡來(lái)著(zhù)?反正的網(wǎng)站應該緊排在她后面。
我們的大型門(mén)戶(hù)網(wǎng)站恐怕應該是長(cháng)頁(yè)面的領(lǐng)軍者吧?,F在能生存下來(lái)的大型門(mén)戶(hù)各個(gè)實(shí)力不凡,又紛紛上市,其他網(wǎng)站能與他們頁(yè)面相似應該也能說(shuō)明實(shí)力相似吧,這幾家大型門(mén)戶(hù)已經(jīng)給用戶(hù)形成了「長(cháng)則是好」的印象,于是眾多網(wǎng)站都紛紛「長(cháng)」起來(lái)了。無(wú)論是綜合性網(wǎng)站還是性網(wǎng)站,只要有內容,就能做多長(cháng)就做多長(cháng),沒(méi)有內容,抄襲別人內容也要做長(cháng),以至于不少實(shí)力有限的網(wǎng)站只是頁(yè)很長(cháng),到了欄目頁(yè)面(二級頁(yè)面)就簡(jiǎn)陋的可憐了。
長(cháng)的基礎就是要內容要多,這些眾多的長(cháng)網(wǎng)站在組織內容的思路上基本是一致的,就是把二級頁(yè)面的內容摘要的放在頁(yè)上。頁(yè)分成若干個(gè)相應的通欄的大塊兒(這樣可以逐個(gè)部分的下載頁(yè)面,易于顯示),再在每?jì)蓧K之間加一條廣告,后再在頁(yè)面的上面加一個(gè)更綜合的區域,所謂的重中之重,這樣以來(lái)頁(yè)面想短都短不了。
按照Jakob Nielsen的說(shuō)法:網(wǎng)站頁(yè)的長(cháng)度不應該超過(guò)4屏。當然這個(gè)準則也未必就那么準確,但是至少應該承認頁(yè)面不是越長(cháng)越好的。
第二,說(shuō)說(shuō)「閃」。就是網(wǎng)頁(yè)上能動(dòng)的東西---動(dòng)畫(huà)。主要是Gif動(dòng)畫(huà),flash動(dòng)畫(huà),腳本語(yǔ)言實(shí)現的圖片交替效果,還有就是彈出窗口。動(dòng)畫(huà)對網(wǎng)頁(yè)表現本應該是個(gè)很好的補充,但是現在的實(shí)際效果是對網(wǎng)頁(yè)的干擾,因為動(dòng)畫(huà)從一開(kāi)始就扮演著(zhù)廣告的角色。雖然將各種形式的動(dòng)畫(huà)應用于網(wǎng)站在國外的網(wǎng)站上也常見(jiàn),但是網(wǎng)站上的動(dòng)畫(huà)實(shí)在是太多了??峙乱彩且驗榫W(wǎng)站頁(yè)面長(cháng)吧,能放動(dòng)畫(huà)的空間自然也就大了。整個(gè)頁(yè)面到處都在不停的閃??茖W(xué)家已經(jīng)證實(shí),在月球上是看不到萬(wàn)里長(cháng)城的,但是我想,應該是可以看到網(wǎng)頁(yè)的,它們不僅長(cháng),而且還在不停的閃爍。
這些動(dòng)畫(huà)通常是廣告,網(wǎng)站要生存,要有經(jīng)濟效益,這是可以理解的,但卻不可接受,尤其是太多的時(shí)候。不可接受的是一些網(wǎng)站會(huì )把自己的欄目名稱(chēng),網(wǎng)站logo之類(lèi)的很重要的內容也做成動(dòng)畫(huà),以為這樣可以更醒目,要知道,絕大多數用戶(hù)是經(jīng)驗豐富的,他們看到動(dòng)畫(huà)閃來(lái)閃去就會(huì )認為那是廣告的,盡管你不是,那也活該,誰(shuí)讓你亂閃來(lái)著(zhù)。
雖然彈出窗口里的內容不一定是動(dòng)畫(huà),但是它「噌」的一下彈出來(lái),著(zhù)實(shí)是夠「動(dòng)」的,就動(dòng)畫(huà)的效果而言,絕對是具視覺(jué)沖擊力的。還好,現在有越來(lái)越多的雷鋒式的好公司提供了能屏蔽彈出窗口的工具。
腳本語(yǔ)言實(shí)現的圖片交替效果目前主要是用在網(wǎng)站頭條的圖片報道上,雖然是動(dòng),分散用戶(hù)的注意力,好在這種方式還是為了給用戶(hù)提供盡可能多的信息,應該值得肯定,也應該是動(dòng)畫(huà)應用于網(wǎng)絡(luò )的發(fā)展方向,只是不知道什么時(shí)候,哪位設計師靈感突現,把廣告也偽裝成這種樣子,應該能在一片罵聲中為公司贏(yíng)得不少經(jīng)濟效益。
Gif動(dòng)畫(huà)是種傳統的動(dòng)畫(huà)形式了,不過(guò)在flash動(dòng)畫(huà)面前,它的生存空間越來(lái)越小了,與flash動(dòng)畫(huà)相比恐怕Gif動(dòng)畫(huà)的優(yōu)勢就是在用戶(hù)將網(wǎng)頁(yè)「另存為…」后,Gif動(dòng)畫(huà)還能顯示,而flash就不行了。雖然Gif已是人老珠黃了,但是還是要批判,因為它通常是廣告。
Flash動(dòng)畫(huà)無(wú)疑是網(wǎng)頁(yè)動(dòng)畫(huà)的主力了,文件小,效果好,一個(gè)白方塊在黑背景上隔幀出現,連續幾次,只要尺寸稍大就足以造成用戶(hù)暫時(shí)性失明。實(shí)際上,flash基于其強大的交互性應當能為提高用戶(hù)界面的性能提供巨大幫助,但是如前面所說(shuō),它更被廣告商所看好。更不幸的是越來(lái)越多「閃客」在為這項事業(yè)服務(wù),原本代表特例獨行、自由創(chuàng )造精神的人走向了相反的方向。這有點(diǎn)兒象政府將反政府武裝招安后讓他們穿著(zhù)原來(lái)的軍裝去給政府機關(guān)當保安。
第三是「擠」。我們的網(wǎng)站看上去滿(mǎn)滿(mǎn)當當的,比公共汽車(chē)還擠。每天早上都是擠公共汽車(chē),然后擠地鐵,擠電梯,擠著(zhù)打卡,好容易坐下了,打開(kāi)計算機就不要再那么擠了,大家站開(kāi)點(diǎn)兒吧,網(wǎng)頁(yè)上有的是地兒。
與英文相比,中文本身就顯得比較復雜,對于有鏈接的文字網(wǎng)站又往往更傾向于傳統的隨時(shí)保持下劃線(xiàn)的方式,再加上小的幾乎不存在的行間距(顯然,這里夸張了,至少還要有劃下劃線(xiàn)的地兒),使得頁(yè)面看上去分外豐滿(mǎn),如同我小時(shí)候習慣了在田字格本上寫(xiě)字后,初次改用行距很小的單線(xiàn)格本寫(xiě)字所展現出的風(fēng)采。
即便是體檢用的視力表也沒(méi)有把行距安排的如此之小,那可是專(zhuān)門(mén)給我們眼睛找麻煩的工具啊,我們的網(wǎng)站無(wú)一不是把用戶(hù)放在位的(至少自稱(chēng)是這樣的),為什么不能把行距拉大些呢?
經(jīng)??梢钥吹侥尘W(wǎng)站為了突出重點(diǎn)內容而使用14pt的字號,然而卻不加大該內容與其他內容的距離,這樣只能使頁(yè)面看上去更擁擠。這種做法倒是與老板(個(gè)別的,個(gè)別的,如果您是老板,那這里所說(shuō)的一定不包括您)的做法頗為相似:只增加工作,不加薪。也許是設計師在用這種擁擠的樣式向老板示威吧。
第四是「花」,網(wǎng)站的色彩之絢爛,幾乎無(wú)以復加。前面分析了頁(yè)的構成方式---將各個(gè)欄目摘要排放在頁(yè)上,通常每一個(gè)欄目會(huì )有一種主色調,這樣一來(lái),頁(yè)上的色彩自然就很豐富了。
當然,分欄目確定主色調的設計方式本身并沒(méi)有錯誤,也不足以搞「花」頁(yè)面,然而實(shí)際情況卻更復雜,以文字為例,未點(diǎn)擊的鏈接文字有黑色和藍色,重點(diǎn)的文字會(huì )用紅色(重點(diǎn)通常還很多),點(diǎn)擊后的文字鏈接是紫色,無(wú)鏈接且不重要的文字是灰色,此外為了突出某一個(gè)重點(diǎn)內容會(huì )添加一個(gè)醒目的背景色或文字顏色。網(wǎng)頁(yè)設計師為了表明自己工作用心,會(huì )給每一個(gè)子欄目的標題部分設計一個(gè)很具有特色的背景,這些文字再與數不勝數的圖片、動(dòng)畫(huà)交相輝映,使得用戶(hù)可以在一個(gè)頁(yè)面上將計算機可以顯示的全部色彩盡收眼底。網(wǎng)頁(yè)設計師實(shí)際上根本不需要絞盡腦汁為頁(yè)面設定主色調了,所有的頁(yè)面色調都已經(jīng)設定好了---彩色。
為什么網(wǎng)站會(huì )設計成這個(gè)樣子呢?
造成「長(cháng),閃,擠,花」問(wèn)題的實(shí)質(zhì)是一個(gè)「多」字。網(wǎng)站頁(yè)上內容多,重點(diǎn)多,欄目多,圖片多,廣告多,該多的多,不該多的也多,要多多,有多多。
「多」是網(wǎng)站的特點(diǎn),更是社會(huì )的現實(shí)狀況。無(wú)論是超級市場(chǎng)里還是購物中心里,到處是商品,到處是人潮,即使是象書(shū)店,美術(shù)館這樣的場(chǎng)所也是相似的場(chǎng)面,人們相信人多的商場(chǎng)里的商品會(huì )更好,人多的書(shū)店里的書(shū)會(huì )更全,人多的美術(shù)展會(huì )更有水平,賣(mài)家只能盡可能的展現自己的產(chǎn)品,從而證明自己的實(shí)力,而其他更高級的要求,諸如:環(huán)境,風(fēng)格,品味,服務(wù)……都要為展示產(chǎn)品讓路了。
在目前的,無(wú)論是物質(zhì)產(chǎn)品還是精神產(chǎn)品,廣大受眾的需求都遠遠沒(méi)有得到滿(mǎn)足,所以大家都希望能看到更多產(chǎn)品,這樣就形成了「多則好」消費心理(瀏覽網(wǎng)站的消費形式顯得更間接),網(wǎng)頁(yè)設計師在應聘時(shí)經(jīng)常會(huì )被問(wèn)到:你是否能勝任「大型」網(wǎng)站的設計,即「能不能把頁(yè)面做的很長(cháng)?!?/p>
網(wǎng)頁(yè)內容多,給人忙亂的感受,正像我們自己經(jīng)常會(huì )向別人抱怨自己忙的要死,以此來(lái)表示我們自己的價(jià)值。
引用Donald Norman 在《emotional design》一書(shū)中的理論,設計可以分為三種層次:本能水平的設計、行為水平的設計、反思水平的設計。本能水平的設計是滿(mǎn)足人類(lèi)本能審美需求的設計,也就是漂亮、美觀(guān)的設計;行為水平的設計是注重效用的設計,注重功能、易用性、可用性;反思水平的設計注重信息、文化的作用,一件產(chǎn)品被設計的很獨特、出眾、引人矚目,用戶(hù)會(huì )因為始終這個(gè)產(chǎn)品而產(chǎn)生樂(lè )趣,產(chǎn)生滿(mǎn)足感。
根據這個(gè)理論,網(wǎng)站的設計普遍達沒(méi)能實(shí)現本能水平的設計,雖然網(wǎng)站的boss、設計師本人都希望把網(wǎng)站設計的很漂亮,吸引用戶(hù)的眼球。行為水平的設計逐漸被重視了,不過(guò)目前基本上還是停留在不高的水平上。上面說(shuō)到的網(wǎng)站的種種問(wèn)題實(shí)際上正式在反思水平上的設計,一種變相的反思水平設計。
「多」這種看似缺陷的現象,實(shí)際上正式給用戶(hù)一個(gè)好的反思---「這個(gè)網(wǎng)站的內容豐富,在這里我能得到想要的東西?!贡M管很多用戶(hù)并不會(huì )真的關(guān)注頁(yè)上的內容。
正是這種反思吸引著(zhù)用戶(hù),保證著(zhù)網(wǎng)站的訪(fǎng)問(wèn)量。
造成上述網(wǎng)站頁(yè)設計問(wèn)題的罪魁并不是設計師沒(méi)水平或者用戶(hù)沒(méi)品味,而是產(chǎn)品不夠,這表面上的「多」其實(shí)是由于「少」造成的。用戶(hù)對網(wǎng)絡(luò )內容的需求引導著(zhù)網(wǎng)站的設計,策劃人員有意無(wú)意的在迎合著(zhù)這樣的需求。
要改變網(wǎng)頁(yè)設計單靠高水平的設計師是不夠的,網(wǎng)頁(yè)設計水平的提高是伴隨著(zhù)社會(huì )發(fā)展在進(jìn)步的。
好吧,我們好好干吧,等我們實(shí)現了「四個(gè)現代化」,完成了「三步走」,創(chuàng )建了「和諧社會(huì )」,那時(shí)候,會(huì )需要更好的頁(yè)面設計的。
pS:太多的功利心讓設計師失去了對一個(gè)網(wǎng)站的真正認知,內容的豐富不代碼這個(gè)站是我想要的東西,花哨的界面,沒(méi)有任何的重點(diǎn)在里面,技術(shù)已經(jīng)升級了不知多少次,但人的思想沒(méi)有起步,結果就成這樣了。
大連網(wǎng)站建設公司-網(wǎng)建科技(),確保您獲得理想的網(wǎng)頁(yè)設計服務(wù),設計團隊為您提供FLASH網(wǎng)站設計,網(wǎng)頁(yè)制作,App界面設計及程序開(kāi)發(fā),多媒體觸摸屏展示設計.
更多新聞
2023
引言在如今數字化的時(shí)代,無(wú)論是企業(yè)還是個(gè)人都面臨著(zhù)互聯(lián)網(wǎng)競爭激烈的局面。。在這個(gè)競爭中,搜索引擎優(yōu)化...
View details
2023
為什么選擇大連網(wǎng)站建設公司首選?在當今數字化的時(shí)代,擁有一個(gè)專(zhuān)業(yè)而現代化的網(wǎng)站對于任何企業(yè)來(lái)說(shuō)都至關(guān)...
View details
2023
引言在當今數字化的時(shí)代,賀州的企業(yè)不再僅僅依賴(lài)傳統營(yíng)銷(xiāo)渠道來(lái)推廣商品和服務(wù)。。隨著(zhù)人們對互聯(lián)網(wǎng)和移動(dòng)...
View details
2023
作為一個(gè)現代企業(yè),在互聯(lián)網(wǎng)時(shí)代,擁有一個(gè)功能齊全的網(wǎng)站已經(jīng)成為不可或缺的一部分。。無(wú)論是展示公司形象...
View details